import React, { Component } from "react";
import "./index.css";
import { Card, Icon, Tag } from "antd";

class ArticleItem extends Component {
  render() {
    return (
      <div className="article-item">
        <Card title="react 里面怎么触发一个点击事件？" extra="2018-08">
          <div className="article-outline">
            前不久学了 koa2+mysql实现restful api 。
            但是光实现也没什么感觉，怎么着也得部署到服务器玩玩。服务器一直都是我的弱项，不会部署服务器，搞不懂啊。
            那就去买一台来玩玩呗、说干就干。
            去阿里云买了一台最低配置的按量付费服务器。（按量付费需要先往阿里云充值至少100元）
            买到手了，总得配置一下服务器吧。（服务器本质就是一台电脑），现在买到他是裸机状态，电脑啥配置也没有。项目需要
            node + mysql。那服务器总要安装 node + mysql 吧。  
            说干就干。既然要配置服务器，肯定要连接上服务器，才能对其操作。
            远程连接服务器的工具有很多（putty / ssh secure shell client / winscp
            / ....等等 ）
            在这里我用到两个工具：putty用于命令行操作；winscp可视化界面，用于上传文件
            --------------------- 作者：墨霁青玉 来源：CSDN
            原文：https://blog.csdn.net/qq_30604453/article/details/86243868
            版权声明：本文为博主原创文章，转载请附上博文链接！ 首先配置服务器
            1.  打开putty
            输入公网IP，弹出命令行窗口后根据提示输入登录名和登录密码（在买服务器的时候会设置用户名跟登录密码，千万不要忘记了哦）一般默认用户名root
            2. 安装 node
            Linux大法好。apt-get可以帮助我们快速地安装东西。在安装前先运行`sudo
            apt-get update` 更新 apt-get --------------------- 作者：墨霁青玉
            来源：CSDN
            原文：https://blog.csdn.net/qq_30604453/article/details/86243868
            版权声明：本文为博主原创文章，转载请附上博文链接！
          </div>
          <div className="row item-foot">
            <div className="item">
              <Icon type="eye" theme="twoTone" />
              <span>2508</span>
            </div>
            <div className="item">
              <Icon type="like" theme="twoTone" />
              <span>880</span>
            </div>
            <div className="item">
              <Icon type="folder" theme="twoTone" />
              <span>react</span>
            </div>
            <div className="item">
              <Icon type="tags" theme="twoTone" />
              <Tag className="tag" color="cyan">
                cyan
              </Tag>
              <Tag className="tag" color="cyan">
                cyan
              </Tag>
            </div>
          </div>
        </Card>
      </div>
    );
  }
}

export default ArticleItem;
